<template>
    <div id="collapse" @click="onSwitchCollpase">
        333
        <i :class="isCollapse?'icon-liebiaoxingshi':'icon-xiangzuo1'" ></i>
    </div>
</template>

<script>
export default {
    name:'CollpaseMenu',
    data() {
        return {
            isCollapse:false
        }
    },
    emits:['onSwitchCollpase'],
    methods:{
        onSwitchCollpase() {
            this.$emit('onSwitchCollpase', !this.isCollapse)
        }
    }
}
</script>

<style lang="scss" scoped>
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
    font-family: 'iconfont';  /* Project id 3863393 */
    src: url('//at.alicdn.com/t/c/font_3863393_xoh6i6api9.woff2?t=1673617174898') format('woff2'),
         url('//at.alicdn.com/t/c/font_3863393_xoh6i6api9.woff?t=1673617174898') format('woff'),
         url('//at.alicdn.com/t/c/font_3863393_xoh6i6api9.ttf?t=1673617174898') format('truetype');
  }
#collapse{
    position: absolute;
    right: 0;
    top: 0;
    width:30px;
    height: 30px;
}
</style>